* {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

.show_car_info {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 999;

  .hidden_info {
    position: absolute;
    top: -10px;
    right: 5px;
    font-family: 'icomoon';
    content: 'x';
    color: rgba(30, 30, 30, 0.5);
    font-weight: 700;
    font-size: 26px;
    user-select: none;

    &:hover {
      cursor: pointer;
      color: rgba(30, 30, 30, 1);
    }
  }

  .car_info_content {
    flex: 2;
    display: flex;

    .car_info_content_img {
      flex: 1;
      overflow: hidden;
      width: 615px;
      height: 386px;

      img {
        width: 100%;
        height: 100%;
        background-size: contain;

        &:hover {
          transform: scale(1.1);
          transition: all 0.4s ease;
        }
      }
    }

    .car_info_content_info {
      flex: 1;
      width: 100%;

      .farture {
        table {
          width: 100%;
          text-align: center;

          tr {
            height: 48px;
            background-color: #e2dede;

          }

          td {
            &:nth-child(1) {
              font-size: 16px;
              font-weight: 600;
              width: 110px;
              text-align-last: justify;
              text-align: justify;
              padding-left: 10px;
            }

            &:nth-child(2) {
              text-align: center;
            }
          }
        }
      }
    }
  }

  .current_page_img {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    background-color: #e2dede;

    .car_img {
      width: 215px;
      height: 100px;
      margin: 2px 9px 3px 4px;
      overflow: hidden;

      &:nth-child(6n) {
        margin-right: 0px;
      }

      &:hover {
        box-shadow: 0 0 8px #fff, 0 5px 10px rgb(184, 169, 169);

      }

      img {
        width: 100%;
        height: 100%;

        &:hover {
          transform: scale(1.1);
          transition: all 0.4s ease;
        }
      }
    }
  }
}